<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>衍射</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/dyf.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }
    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <!-- 会员服务 -->
    <div class="lanbg">
        <div class="main-md">
            <div class="main-tit">
                <h2>当前位置：<a href="./">首页</a>&nbsp;&nbsp;&gt;&nbsp;&nbsp;<a href="#">计算机基础知识教程</a></h2>
            </div>
            <div class="shaw borad lecturer">
                <div class="lecturer_lf">
                    <div class="lecturer_img">
                        <img src="images/dyf/letter.jpg" alt="">
                    </div>
                    <div class="lecturer_text">
                        <h1>程不悔</h1>
                        <h4>主播简介</h4>
                        <p>著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解...
                        </p>
                        <a href="#"> + 关注</a>
                    </div>
                    <div class="both"></div>
                </div>
                <div class="lecturer_rt">
                    <div class="lecturer_tit">
                        <h4>热门专家</h4>
                    </div>
                    <ul>
                        <li class="js-scrollContainer"><a href="#" class="u-scrollTitle" style="left: 0px;">
                                <i></i>
                                程不悔——著名学者，对中国古代历史、西方金融史有独到的见解
                                ；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者

                            </a></li>
                        <li><a href="#">
                                <i></i>
                                程不悔——著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解...
                            </a></li>
                        <li><a href="#">
                                <i></i>
                                程不悔——著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解...
                            </a></li>
                        <li><a href="#">
                                <i></i>
                                程不悔——著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解；著名学者，对中国古代历史、西方金融史有独到的见解...
                            </a></li>
                    </ul>
                </div>
            </div>
            <!-- 标题 -->
            <div class="se_tit">
                <div class="se_tit_cont">
                    <div class="se_tit_lf active"><i></i> <span>卡片</span> </div>
                    <div class="se_tit_rt"> <span>列表</span> <i></i> </div>
                </div>
            </div>
            <div class="card_list">
                <div class="card_lf shaw borad">
                    <div class="free_tits">
                        <a href="#" class="active">免费音频</a>
                        <a href="#">付费音频</a>
                        <a href="#">文章</a>
                    </div>
                    <div class="card_item" style="display: block;">
                        <div class="cards">
                            <ul>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <a href="$">
                                        <div class="card_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <a href="$">
                                        <div class="card_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <a href="$">
                                        <div class="card_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <a href="$">
                                        <div class="card_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <a href="$">
                                        <div class="card_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                    </div>
                                    <a href="$">
                                        <div class="card_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="card_item">
                        <div class="equal">
                            <ul>
                                <li><a href="#">
                                        <div class="equal_img">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </div>
                                        <div class="equal_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a></li>
                                <li><a href="#">
                                        <div class="equal_img">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </div>
                                        <div class="equal_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a></li>
                                <li><a href="#">
                                        <div class="equal_img">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </div>
                                        <div class="equal_text">
                                            <h4>第1211期-逼宫（2）：11月15日普京的不当言论为俄罗斯自己挖了一个坑</h4>
                                            <span>贸易战</span>
                                            <span>南亚破局</span>
                                            <span>贸易战</span>
                                        </div>
                                    </a></li>
                            </ul>
                        </div>
                    </div>


                    <div class="main_lf_more">
                        <a href="#">点击加载更多</a>
                    </div>
                </div>

                <div class="card_rt shaw borad">
                    <div class="hot_tit">
                        <h4>热门推荐</h4>
                    </div>
                    <div class="hot">
                        <div class="free">
                            <ul>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                        <div class="falls_cen"></div>
                                        <div class="falls_ic">
                                            <div class="hide_ic">
                                                <div class="bshare-custom">
                                                    <div class="bshare-custom"><a title="分享到新浪微博"
                                                            class="bshare-sinaminiblog"></a><a title="分享到微信"
                                                            class="bshare-weixin"></a>
                                                    </div>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/bshareC0.js"></script>
                                                </div>
                                            </div>
                                            <div class="fenx"></div>
                                        </div>
                                    </div>

                                    <div class="falls_text">
                                        <h4>第1211期-逼宫（2）：11月15日普京
                                            的不当言论为俄罗斯自己挖了一个坑</h4>
                                        <h5>2019-12-10 22：00 <b>加入列表</b></h5>
                                        <span>贸易战</span>
                                        <span>南亚破局</span>
                                        <span>贸易战</span>
                                    </div>

                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                        <div class="falls_cen"></div>
                                        <div class="falls_ic">
                                            <div class="hide_ic">
                                                <div class="bshare-custom">
                                                    <div class="bshare-custom"><a title="分享到新浪微博"
                                                            class="bshare-sinaminiblog"></a><a title="分享到微信"
                                                            class="bshare-weixin"></a>
                                                    </div>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/bshareC0.js"></script>
                                                </div>
                                            </div>
                                            <div class="fenx"></div>
                                        </div>
                                    </div>

                                    <div class="falls_text">
                                        <h4>第1211期-逼宫（2）：11月15日普京
                                            的不当言论为俄罗斯自己挖了一个坑</h4>
                                        <h5>2019-12-10 22：00 <b>加入列表</b></h5>
                                        <span>贸易战</span>
                                        <span>南亚破局</span>
                                        <span>贸易战</span>
                                    </div>

                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                        <div class="falls_cen"></div>
                                        <div class="falls_ic">
                                            <div class="hide_ic">
                                                <div class="bshare-custom">
                                                    <div class="bshare-custom"><a title="分享到新浪微博"
                                                            class="bshare-sinaminiblog"></a><a title="分享到微信"
                                                            class="bshare-weixin"></a>
                                                    </div>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/bshareC0.js"></script>
                                                </div>
                                            </div>
                                            <div class="fenx"></div>
                                        </div>
                                    </div>

                                    <div class="falls_text">
                                        <h4>第1211期-逼宫（2）：11月15日普京
                                            的不当言论为俄罗斯自己挖了一个坑</h4>
                                        <h5>2019-12-10 22：00 <b>加入列表</b></h5>
                                        <span>贸易战</span>
                                        <span>南亚破局</span>
                                        <span>贸易战</span>
                                    </div>

                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                        <div class="falls_cen"></div>
                                        <div class="falls_ic">
                                            <div class="hide_ic">
                                                <div class="bshare-custom">
                                                    <div class="bshare-custom"><a title="分享到新浪微博"
                                                            class="bshare-sinaminiblog"></a><a title="分享到微信"
                                                            class="bshare-weixin"></a>
                                                    </div>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/bshareC0.js"></script>
                                                </div>
                                            </div>
                                            <div class="fenx"></div>
                                        </div>
                                    </div>

                                    <div class="falls_text">
                                        <h4>第1211期-逼宫（2）：11月15日普京
                                            的不当言论为俄罗斯自己挖了一个坑</h4>
                                        <h5>2019-12-10 22：00 <b>加入列表</b></h5>
                                        <span>贸易战</span>
                                        <span>南亚破局</span>
                                        <span>贸易战</span>
                                    </div>

                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                        <div class="falls_cen"></div>
                                        <div class="falls_ic">
                                            <div class="hide_ic">
                                                <div class="bshare-custom">
                                                    <div class="bshare-custom"><a title="分享到新浪微博"
                                                            class="bshare-sinaminiblog"></a><a title="分享到微信"
                                                            class="bshare-weixin"></a>
                                                    </div>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/bshareC0.js"></script>
                                                </div>
                                            </div>
                                            <div class="fenx"></div>
                                        </div>
                                    </div>

                                    <div class="falls_text">
                                        <h4>第1211期-逼宫（2）：11月15日普京
                                            的不当言论为俄罗斯自己挖了一个坑</h4>
                                        <h5>2019-12-10 22：00 <b>加入列表</b></h5>
                                        <span>贸易战</span>
                                        <span>南亚破局</span>
                                        <span>贸易战</span>
                                    </div>

                                </li>
                                <li>
                                    <div class="falls_img">
                                        <a href="#">
                                            <img src="images/index/bc-5.jpg" alt="">
                                        </a>
                                        <div class="falls_cen"></div>
                                        <div class="falls_ic">
                                            <div class="hide_ic">
                                                <div class="bshare-custom">
                                                    <div class="bshare-custom"><a title="分享到新浪微博"
                                                            class="bshare-sinaminiblog"></a><a title="分享到微信"
                                                            class="bshare-weixin"></a>
                                                    </div>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
                                                    <script type="text/javascript" charset="utf-8"
                                                        src="http://static.bshare.cn/b/bshareC0.js"></script>
                                                </div>
                                            </div>
                                            <div class="fenx"></div>
                                        </div>
                                    </div>

                                    <div class="falls_text">
                                        <h4>第1211期-逼宫（2）：11月15日普京
                                            的不当言论为俄罗斯自己挖了一个坑</h4>
                                        <h5>2019-12-10 22：00 <b>加入列表</b></h5>
                                        <span>贸易战</span>
                                        <span>南亚破局</span>
                                        <span>贸易战</span>
                                    </div>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="both"></div>
            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <!-- 固定栏 -->
    <!-- <div class="flex_play shaw borad baibg">
        <div class="play_tit">
            <h4>播放列表 <span class="iconfont icon-guanbi"></span> </h4>
        </div>
        <div class="play_list">
            <ul>
                <li>第1213期-逼宫（4）：起底美国建国...</li>
                <li>第1213期-逼宫（4）：起底美国建国...</li>
                <li>第1213期-逼宫（4）：起底美国建国...</li>
            </ul>
        </div>
        <div class="play_btn">
            <a href="#">顺序播放</a> <a href="#">全部清除</a>
        </div>
    </div> -->
    <script>
        $(".flex_play h4 span").click(function () {
            $(".flex_play").hide();
        })
        $(".se_tit_cont div").click(function () {
            $(this).addClass("active").siblings().removeClass('active');
        })
        $('.se_tit_cont div').click(function () {
            var liindex = $('.se_tit_cont div').index(this);
            $(this).addClass('active').siblings().removeClass('active');
            $('.card_lf .card_item').eq(liindex).fadeIn(150).siblings('.card_item').hide();
        });
        $('.frequency_tit .frequency_ic').click(function () {
            var liindex = $('.frequency_tit .frequency_ic').index(this);
            $(this).addClass('active').siblings().removeClass('active');
            $('.frequency_list .frequency_item').eq(liindex).fadeIn(150).siblings('.frequency_item').hide();
        });
        $(".falls_ic").on('mouseenter', '.fenx', function () {
            $(this).siblings(".hide_ic").css('display', 'inline-block');
        })

        $('.falls_ic').on('mouseleave', function () {
            $(this).children(".hide_ic").hide();
        });
        $(document).ready(function () {
            /* Just jQuery */
            var textInterval;

            $('.js-scrollContainer').hover(function () {
                var el = $(this);
                textInterval = setInterval(function () { scrollText(el); }, 20);

            }, function () {
                clearInterval(textInterval);
                $('.u-scrollTitle', this).css({ left: 0 });
            });

            var scrollText = function (elem) {
                var el = elem.find('.u-scrollTitle'),
                    left = el.position().left - 1;

                left = -left > el.width() ? el.width() : left;
                el.css({ left: left });
            };

        });
    </script>
</body>

</html>